$(function () {
    noCourse();
    applyData();
    //渲染课程类型url
    applyTypeUrl();
    //渲染等级url
    applyLevelUrl();
    //计算课程数量
    countCourse();
})

function noCourse() {
    var course = $(".moco-course-list>.clearfix").text();
    if (!$.trim(course)) {
        var noMes = " <p class=\"no-course-helper\" style=\"text-align: center\">\n" +
            "      <span>精彩课程制作中，敬请期待！</span>\n" +
            " </p>"
        $(".moco-course-list>.clearfix").append(noMes);
        // document.getElementsByClassName("tool-chk")[0].style.display = "none";
        $(".tool-chk").hide();
    }
}
var cookie = {
    set: function (key, val, time) {//设置cookie方法
        var expiresDays = time;  //将date设置为n天以后的时间
        var date = new Date(Date.now() + expiresDays * 24 * 60 * 60 * 1000)
        var cookie = `${key}=${escape(val)};path=/`
        if (time > 0) {
            cookie += `expires=${date.toGMTString()}`
        }
        document.cookie = cookie

    },
    get: function (key) {//获取cookie方法
        /*获取cookie参数*/
        var getCookie = document.cookie;//.replace(/[ ]/g, "");  //获取cookie，并且将获得的cookie格式化，去掉空格字符
        var arrCookie = getCookie.split(";")  //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中
        var tips;  //声明变量tips
        for (var i = 0; i < arrCookie.length; i++) {   //使用for循环查找cookie中的tips变量
            var arr = arrCookie[i].split("=");   //将单条cookie用"等号"为标识，将单条cookie保存为arr数组
            if (key == arr[0]) {  //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作
                tips = arr[1];   //将cookie的值赋给变量tips
                break;   //终止for循环遍历
            }
        }
        console.log(key + "===" + tips)
        return tips;
    },
    delete: function (key) { //删除cookie方法
        var date = new Date(); //获取当前时间
        date.setTime(date.getTime() - 10000); //将date设置为过去的时间
        document.cookie = key + "=v; expires =" + date.toGMTString();//设置cookie
    }
}

function applyData() {
    //获取选中的方向id
    var directId = 0;
    var typeId = 0;
    var level = 0;

    var mes = window.location.href.split("?");
    if (mes.length>1){
        mes = mes[1].split("&");
        for (var i=0;i<mes.length;i++) {
            var m = mes[i].split("=");
            if (m[0] == "directId") {
                directId = m[1];
            } else if (m[0] == "typeId") {
                typeId = m[1];
            } else if (m[0] == "level") {
                level = m[1];
            } else if (m[0] == "5") {
                directId = m[1];
            }
        }
    }
    $(".direct .course-nav-item a[data-ct='"+directId+"']").parent().addClass("on").siblings().removeClass("on");
    $(".type .course-nav-item a[data-id='"+typeId+"']").parent().addClass("on").siblings().removeClass("on");
    $(".level .course-nav-item a[level-id='"+level+"']").parent().addClass("on").siblings().removeClass("on");
}

function applyTypeUrl() {
    var mes = window.location.href.split("?");
    var url = "";
    if (mes.length>1){
        mes = mes[1].split("&");
        for (var i=0;i<mes.length;i++) {
            var m = mes[i].split("=");
            if (m[0] != "typeId") {
                url+=mes[i]+"&";
            }
        }
    }
    $(".type .course-nav-item a").each(function () {
        var typeId = $(this).attr("data-id");
        $(this).attr("href","/course?"+url+"typeId="+typeId+"");
    });
}
function applyLevelUrl() {
    var mes = window.location.href.split("?");
    var url = "";
    if (mes.length>1){
        mes = mes[1].split("&");
        for (var i=0;i<mes.length;i++) {
            var m = mes[i].split("=");
            if (m[0] != "level") {
                url+=mes[i]+"&";
            }
        }
    }
    $(".level .course-nav-item a").each(function (k) {
        var typeId = $(this).attr("data-id");
        $(this).attr("href","/course?"+url+"level="+k+"");
    });
}

function countCourse() {
    var num = 0;
    $(".course-size").each(function () {
        var s = parseInt($(this).text());
        console.log(s)
        num+=s;
    })
    console.log(num);
    $(".total-num b").text(num);
}

//     var ad = cookie.get("directId");
//     var al = cookie.get("level");
//     console.log("课程Id----"+ad+"，等级----"+al);
//
//
//     //给选中的等级加样式
//     $(".level li").removeClass("on");
//     document.getElementsByClassName("level")[0].children[level].className += " on";
//     if(type[1] == "directs"){
//         var d = cookie.get("directId");
//         if (type.length == 3) {
//             cookie.set("directId",type[2],0);
//             d= type[2]
//         }
//         var l = loadLevel();
//         if(type.length==4){
//             cookie.set("level",type[3],0);
//             l=type[3];
//         }
//         var directId = d+"/"+cookie.get("level");//获取课程Id
//         loadDirect(directId,true);
//     }else if(type[1] == "courses"){
//         var directId = cookie.get("directId");//获取课程方向Id
//         console.log("方向id"+cookie.get("directId"));
//         $.ajax({
//             url:"/course/list/"+type[2]+"",
//             type:"get",
//             async:false,
//             dataType:"json",
//             success:function (result) {
//                 console.log(result)
//                 $.each(result,function (i,v) {
//                     if (v.dId == directId || directId == 0) {
//                         loadDirect(v.dId,false);
//                         $(".type .course-nav-item a[data-id='" + type[2] + "']").parent().addClass("on").siblings().removeClass("on");
//                         loadCourse(v);
//                     }
//                 })
//             }
//         })
//     }
//     //渲染等级链接
//     loadLevelHref()
//     //当没有课程的时候
//     var ab = document.getElementsByClassName("moco-course-list")[0].children[0].children
//     if (ab.length == 0){
//         var noMes = " <p class=\"no-course-helper\" style=\"text-align: center\">\n" +
//             "                               <span>精彩课程制作中，敬请期待！</span>\n" +
//             "                          </p>"
//             $(".moco-course-list>.clearfix").append(noMes);
//         // document.getElementsByClassName("tool-chk")[0].style.display = "none";
//         $(".tool-chk").hide();
//     }
//     //加载课程方向-课程类型-课程
//     function loadDirect(url,flag) {
//         var directId = url.split("/")[0];
//         var data = `<li class="course-nav-item on">
//                         <a href="/courses/0" data-id="0">全部</a>
//                     </li>`;
//         //给选中的的方向加样式
//         $(".direct .course-nav-item a[data-ct='"+directId+"']").parent().addClass("on").siblings().removeClass("on");
//         $.ajax({
//             url:"/list/"+url+"",
//             type:"get",
//             async:false,
//             dataType:"json",
//             success:function (result) {
//                 $.each(result,function (i,v) {
//                     $.each(v.courseTypes,function (i1,v1) {
//                         data += `<li class="course-nav-item">
//                                     <a href="/courses/`+v1.id+`" data-id=`+v1.id+`>`+v1.name+`</a>
//                                 </li>`;
//                         if (flag){
//                             loadCourse(v1)
//                         }
//                     });
//                 })
//
//                 $(".type").empty().append(data);
//             }
//         })
//     }
//     //渲染等级的链接
//     function loadLevelHref() {
//         $(".level li a").each(function(i,v) {
//             $(this).attr("href","/"+type[1]+"/level/"+i);
//         })
//     }
//     //渲染课程
//     function loadCourse(data){
//         var courseMes = "";
//         var num = 0;
//         if (data!=undefined){
//            if (data.courses.length != 0) {
//                $(".tool-chk").show();
//                 var a = parseInt(document.getElementsByClassName("total-num")[0].children[0].innerText);
//                 var b = data.courses.length;
//                $.each(data.courses,function (i,v) {
//                    courseMes +=
//                        "                        <div class=\"course-card-container\">\n" +
//                        "                            <a target=\"_blank\" href=\"/learn/947\" class=\"course-card\">\n" +
//                        "                                <div class=\"course-card-top\">\n" +
//                        "                                    <img class=\"course-banner lazy\" data-original=\"//img1.mukewang.com/5a7d64da0001032d06000338-240-135.jpg\" src=\"//img1.mukewang.com/5a7d64da0001032d06000338-240-135.jpg\" style=\"display: inline;\">\n" +
//                        "                                    <div class=\"course-label\">\n" +
//                        "                                        <label>"+data.name+"</label>\n" +
//                        "                                    </div>\n" +
//                        "                                </div>\n" +
//                        "                                <div class=\"course-card-content\">\n" +
//                        "                                    <h3 class=\"course-card-name\">"+v.name+"</h3>\n" +
//                        "                                    <div class=\"clearfix course-card-bottom\">\n" +
//                        "                                        <div class=\"course-card-info\">\n" +
//                        "                                            <span>"+createLevelText(v.level)+"</span>\n" +
//                        "                                            <span>\n" +
//                        "                                                <span class=\"glyphicon glyphicon-user\"></span>"+v.studyNo+"\n" +
//                        "                                            </span>\n" +
//                        "                                        </div>\n" +
//                        "                                        <p class=\"course-card-desc\">"+v.notice+"</p>\n" +
//                        "                                    </div>\n" +
//                        "                                </div>\n" +
//                        "                            </a>\n" +
//                        "                        </div>";
//                })
//                $(".total-num>b").empty().text(a+b);
//            }
//             $(".moco-course-list>.clearfix").append(courseMes);
//         }
//     }
//     //根据等级id生成文字
//     function createLevelText(levelId){
//         var text = "入门";
//         if (levelId == 2){
//             text = "初级";
//         }else if(levelId == 3){
//             text = "中级";
//         }else if(levelId == 4){
//             text = "高级";
//         }
//         return text;
//     }
//     //判断课程是否免费
//     function creatPriceText(price){
//         if (price == 0){
//             return "免费";
//         }
//         return price
//     }
//     function loadLevel() {
//         var level = cookie.get("level");
//         if (level!=undefined){
//             return level
//         }
//         return 0;
//     }
//     //